<template>
   <div class="box">
        <img src="/static/imgs_s07/s07_background.png" alt="显示错误" class="img1">
        <img src="/static/imgs_s07/s07_border.png" alt="显示错误" class="img2">
        <div class="text">
            <p>菜品兑换券</p>
        </div>
        <img src="/static/imgs_s07/s07_button.png" alt="显示错误" class="img3">
    </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
        .box {
            width: 100%;
            height: 100%;
            position: relative;
            background-color: #4C4C4C;
        }
        .img1 {
            position: absolute;
            width: 281px;
            height: 348px;
            left: 47px;
            top: 160px;
        }
        .img2{
            position: absolute;
            width: 191px;
            height: 94px;
            left: 88px;
            top: 265px;
        }
        .text{
            position: absolute;
            left: 131px;
            top: 301px;
            width: 116px;
            height: 23px;
        }
        .text p{
            font-size:23px;
            font-family:Source Han Sans CN;
            font-weight:bold;
            color:rgba(224,32,15,1);
            line-height:8px;
        }
        .img3{
            position: absolute;
            width: 166px;
            height: 37px;
            left: 104px;
            top: 453px; 
        }
    </style>
